<template>
    <div class="main">
        <div>主应用的home-页面---{{ route.path }}</div>
        <router-link to="/proa/home">/proa/home</router-link>
        <div>----</div>
        <router-link to="/proa/about">/proa/about</router-link>
        <div>----</div>
        <router-link to="/prob/home">/prob/home</router-link>
        <div>----</div>
        <router-link to="/prob/about">/prob/about</router-link>
        <div>route.fullPath -{{ route.fullPath }}</div>
        <router-view #="{ Component }">
            <component :is="Component" :key="route.fullPath" />
        </router-view>
        <div id="subAppContainerVue3"></div>
        <!-- <router-view #="{ Component }">
            <template v-if="Component">
                        <keep-alive>
                            <component
                                :is="Component"
                                :key="route.fullPath"
                                v-if="route.meta.doCache === '1'"
                            />
                        </keep-alive>
                        <component
                            :is="Component"
                            :key="route.fullPath"
                            v-if="route.meta.doCache !== '1'"
                        />
                    </template>
        </router-view> -->
    </div>
</template>
<script setup lang="ts">
import { useRoute } from 'vue-router'
const route = useRoute()
</script>
<style lang="css">
.main {
    border: 1px solid #0f0;
    height: 100vh;
}
</style>
